﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <meta content="text/html; charset=UTF-8" http-equiv="content-type" />
    <title>网站标题</title>
    <meta name="keywords" content="keyword ..." />
    <meta name="Description" content="description ..." />
    <!--<link href="favicon.ico" rel="shortcut icon" />-->
    <link href="css/global.css" rel="stylesheet" type="text/css" />
    <link href="css/shop.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
 <div class="top">
 <div class="r"><a href="#">帮助</a></div>
 <a href="javascript:void(showlogin())">登录</a><a href="javascript:void(showreg())"">注册</a><a href="#" class="user">用户中心</a><a href="#">我的兑换车(<span>2</span>)</a></div>
 <div class="inner">
   <h1 id="logo"><a href="#">这儿放标题</a></h1>
   <div id="search">
     <div class="tabs">
      <ul>
        <li tabindex="1" class="current">微商家</li>
        <li tabindex="2">微美食</li>
        <li tabindex="3">微商城</li>
      </ul>
     </div>
     <div class="bodycontent bodycontent1"><input type="text" value="请输入微商家名称" onfocus="if(this.value == '请输入微商家名称') this.value = '';" onblur="if(this.value == '') this.value = '请输入微商家名称';" class="searchtxt" /><input type="button" class="searchbtn" value="" /></div>
     <div class="bodycontent bodycontent2 none"><input type="text" value="请输入微美食名称" onfocus="if(this.value == '请输入微美食名称') this.value = '';" onblur="if(this.value == '') this.value = '请输入微美食名称';" class="searchtxt" /><input type="button" class="searchbtn" value="" /></div>
     <div class="bodycontent bodycontent3 none"><input type="text" value="请输入微商城名称" onfocus="if(this.value == '请输入微商城名称') this.value = '';" onblur="if(this.value == '') this.value = '请输入微商城名称';" class="searchtxt" /><input type="button" class="searchbtn" value="" /></div>
   </div>
 </div>
 <div id="nav">
   <ul>
     <li><a href="#" class="current">首&nbsp;页</a></li><li class="split"></li>
     <li><a href="#">微商家</a></li><li class="split"></li>
     <li><a href="#">微商城</a></li><li class="split"></li>
     <li><a href="#">帮&nbsp;助</a></li>
   </ul>
 </div>
</div>
<div id="maincontent">  
  <div id="bottomcontent">    
    <div id="leftcontent">
     <div id="detailcontent">
       <div class="image"><img src="image/img07.jpg" alt="" title="" /></div>
       <div class="info">
         <h4>麦当劳 （天河店）</h4>
         <ul>
           <li>
           <!--5个星的总宽度为80px 每个为16px 根据实际情况定义-->
           <div class="sharecontent">分享得积分<a href="#"><img src="pic/share03.jpg" alt="" title="" /></a><a href="#"><img src="pic/share01.jpg" alt="" title="" /></a><a href="#"><img src="pic/share03.jpg" alt="" title="" /></a></div>
           <label>口味</label><span class="xin"><span class="xinnum" style="width:16px;"></span></span></li>
           <li><label>环境</label><span class="xin"><span class="xinnum" style="width:32px;"></span></span></li>
           <li><label>服务</label><span class="xin"><span class="xinnum" style="width:48px;"></span></span></li>
           <li class="li"><label>地址：</label>广州市天河区天河路12345号</li>
           <li><label>电话：</label>020-1234567</li>
           <li>您在该商家拥有的积分为：<strong>550</strong></li>
           <li class="btnli"><input type="button" class="btn" /></li>
         </ul>
       </div>
       <div class="clear"></div>
     </div>
      <div id="tabcontent">
        <div class="tabs">
          <ul>
            <li tabindex="1" class="current">商家详情</li>
            <li tabindex="2">商品兑换</li>
            <li tabindex="3">商品评价</li>
            <li tabindex="4">活动公告</li>
          </ul>
        </div>
        <div class="bodycontent bodycontent1">
          <div id="shopinfo">
            <dl>
              <dt>商家描述</dt>
              <dd>
                <div class="shortcontent">商家描述</div>
                <div class="longcontent">商家描述商</div>
                <div class="more">更多</div>
              </dd>
            </dl>
            <dl>
              <dt>服务项目</dt>
              <dd>
                <div class="shortcontent">商家描述</div>
                <div class="longcontent">商家描述商家</div>
                <div class="more">更多</div>
              </dd>
            </dl>
            <dl>
              <dt>环境氛围</dt>
              <dd>
                <div class="shortcontent">商家描述</div>
                <div class="longcontent">商家描述商家</div>
                <div class="more">更多</div>
              </dd>
            </dl>
            <dl>
              <dt>商家特色</dt>
              <dd>
                <div class="shortcontent">商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述</div>
                <div class="longcontent">商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述</div>
                <div class="more">更多</div>
              </dd>
            </dl>
            <dl>
              <dt>营业时间</dt>
              <dd>
                <div class="shortcontent">商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述</div>
                <div class="longcontent">商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述</div>
                <div class="more">更多</div>
              </dd>
            </dl>
            <dl>
              <dt>公交信息</dt>
              <dd>
                <div class="shortcontent">商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述</div>
                <div class="longcontent">商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述商家描述</div>
                <div class="more">更多</div>
              </dd>
            </dl>
          </div>
          <div class="img"><img src="image/img05.jpg" alt="" title="" /></div>
          <div class="img"><img src="image/img05.jpg" alt="" title="" /></div>
          <div class="img"><img src="image/img05.jpg" alt="" title="" /></div>
        </div>
        <div class="bodycontent bodycontent2 none">
        <div class="shopcontent">
        <ul class="shoplist">
          <li>
            <div class="t"><a href="#">奇异果冰沙</a></div>
            <div class="bg">
              <div class="img"><a href="#"><img src="image/img08.jpg" alt="" title="" /></a></div>
              <div class="num"><span><strong>1,000</strong>积分</span>原价：<del>￥10</del></div>
              <div class="change"><a href="#" class="link"></a><span>已有100人兑换</span></div>
            </div>
            <div class="b"></div>
          </li>
          <li>
            <div class="t"><a href="#">奇异果冰沙</a></div>
            <div class="bg">
              <div class="img"><a href="#"><img src="image/img08.jpg" alt="" title="" /></a></div>
              <div class="num"><span><strong>1,000</strong>积分</span>原价：<del>￥10</del></div>
              <div class="change"><a href="#" class="link"></a><span>已有100人兑换</span></div>
            </div>
            <div class="b"></div>
          </li>
          <li>
            <div class="t"><a href="#">奇异果冰沙</a></div>
            <div class="bg">
              <div class="img"><a href="#"><img src="image/img08.jpg" alt="" title="" /></a></div>
              <div class="num"><span><strong>1,000</strong>积分</span>原价：<del>￥10</del></div>
              <div class="change"><a href="#" class="link"></a><span>已有100人兑换</span></div>
            </div>
            <div class="b"></div>
          </li>
          <li>
            <div class="t"><a href="#">奇异果冰沙</a></div>
            <div class="bg">
              <div class="img"><a href="#"><img src="image/img08.jpg" alt="" title="" /></a></div>
              <div class="num"><span><strong>1,000</strong>积分</span>原价：<del>￥10</del></div>
              <div class="change"><a href="#" class="link"></a><span>已有100人兑换</span></div>
            </div>
            <div class="b"></div>
          </li>
          <li>
            <div class="t"><a href="#">奇异果冰沙</a></div>
            <div class="bg">
              <div class="img"><a href="#"><img src="image/img08.jpg" alt="" title="" /></a></div>
              <div class="num"><span><strong>1,000</strong>积分</span>原价：<del>￥10</del></div>
              <div class="change"><a href="#" class="link"></a><span>已有100人兑换</span></div>
            </div>
            <div class="b"></div>
          </li>
          <li>
            <div class="t"><a href="#">奇异果冰沙</a></div>
            <div class="bg">
              <div class="img"><a href="#"><img src="image/img08.jpg" alt="" title="" /></a></div>
              <div class="num"><span><strong>1,000</strong>积分</span>原价：<del>￥10</del></div>
              <div class="change"><a href="#" class="link"></a><span>已有100人兑换</span></div>
            </div>
            <div class="b"></div>
          </li>
        </ul>
        </div>        
        </div>
        <div class="bodycontent bodycontent3 none">
        <div class="commentlist">
          <ul>
            <li class="split">
              <div class="imgs"><a href="#"><img src="image/img09.jpg" alt="" title="" /></a><p><a href="#">微积分用户</a></p></div>
              <div class="info">
                <!--5个星的总宽度为65px 每个为13px 根据实际情况定义-->
                <div class="xin">口味<span class="span"><span class="spanxin" style="width:13px;"></span></span>环境<span class="span"><span class="spanxin" style="width:26px;"></span></span>服务<span class="span"><span class="spanxin" style="width:39px;"></span></span></div>
                <div class="c">
                 <div class="shortcontent">这家店的环境还是挺不错了，比较雅致的感觉，那些走廊的灯笼尽显古色古香的感觉，很惬意的FEEL，另外这家的服务也是非常的好，价格来说也算是比较合理的了，吃的东西很顺口，我很喜欢这家店的环境还是挺不错了，比较雅致的感觉，常的好，价格来说也算是比较合理的了，吃的东西很顺口……</div>
                 <div class="longcontent">这家店的环境还是挺不错了，比较雅致的感觉，那些走廊的灯笼尽显古色古香的感觉，很惬意的FEEL，另外这家的服务也是非常的好，价格来说也算是比较合理的了，吃的东西很顺口，我很喜欢这家店的环境还是挺不错了，比较雅致的感觉，常的好，价格来说也算是比较合理的了，吃的东西很顺这家店的环境还是挺不错了，比较雅致的感觉，那些走廊的灯笼尽显古色古香的感觉，很惬意的FEEL，另外这家的服务也是非常的好，价格来说也算是比较合理的了，吃的东西很顺口，我很喜欢这家店的环境还是挺不错了，比较雅致的感觉，常的好，价格来说也算是比较合理的了，吃的东西很顺口……</div>
                </div>
                <div class="more">更多</div>
              </div>
              <div class="clear"></div>
            </li>
            <li>
              <div class="imgs"><a href="#"><img src="image/img09.jpg" alt="" title="" /></a><p><a href="#">微积分用户</a></p></div>
              <div class="info">
                <!--5个星的总宽度为65px 每个为13px 根据实际情况定义-->
                <div class="xin">口味<span class="span"><span class="spanxin" style="width:13px;"></span></span>环境<span class="span"><span class="spanxin" style="width:26px;"></span></span>服务<span class="span"><span class="spanxin" style="width:39px;"></span></span></div>
                <div class="c">
                 <div class="shortcontent">这家店的环境还是挺不错了，比较雅致的感觉，那些走廊的灯笼尽显古色古香的感觉，很惬意的FEEL，另外这家的服务也是非常的好，价格来说也算是比较合理的了，吃的东西很顺口，我很喜欢这家店的环境还是挺不错了，比较雅致的感觉，常的好，价格来说也算是比较合理的了，吃的东西很顺口……</div>
                 <div class="longcontent">这家店的环境还是挺不错了，比较雅致的感觉，那些走廊的灯笼尽显古色古香的感觉，很惬意的FEEL，另外这家的服务也是非常的好，价格来说也算是比较合理的了，吃的东西很顺口，我很喜欢这家店的环境还是挺不错了，比较雅致的感觉，常的好，价格来说也算是比较合理的了，吃的东西很顺这家店的环境还是挺不错了，比较雅致的感觉，那些走廊的灯笼尽显古色古香的感觉，很惬意的FEEL，另外这家的服务也是非常的好，价格来说也算是比较合理的了，吃的东西很顺口，我很喜欢这家店的环境还是挺不错了，比较雅致的感觉，常的好，价格来说也算是比较合理的了，吃的东西很顺口……</div>
                </div>
                <div class="more">更多</div>
              </div>
              <div class="clear"></div>
            </li>
            <li class="split">
              <div class="imgs"><a href="#"><img src="image/img09.jpg" alt="" title="" /></a><p><a href="#">微积分用户</a></p></div>
              <div class="info">
                <!--5个星的总宽度为65px 每个为13px 根据实际情况定义-->
                <div class="xin">口味<span class="span"><span class="spanxin" style="width:13px;"></span></span>环境<span class="span"><span class="spanxin" style="width:26px;"></span></span>服务<span class="span"><span class="spanxin" style="width:39px;"></span></span></div>
                <div class="c">
                 <div class="shortcontent">这家店的环境还是挺不错了，比较雅致的感觉，那些走廊的灯笼尽显古色古香的感觉，很惬意的FEEL，另外这家的服务也是非常的好，价格来说也算是比较合理的了，吃的东西很顺口，我很喜欢这家店的环境还是挺不错了，比较雅致的感觉，常的好，价格来说也算是比较合理的了，吃的东西很顺口……</div>
                 <div class="longcontent">这家店的环境还是挺不错了，比较雅致的感觉，那些走廊的灯笼尽显古色古香的感觉，很惬意的FEEL，另外这家的服务也是非常的好，价格来说也算是比较合理的了，吃的东西很顺口，我很喜欢这家店的环境还是挺不错了，比较雅致的感觉，常的好，价格来说也算是比较合理的了，吃的东西很顺这家店的环境还是挺不错了，比较雅致的感觉，那些走廊的灯笼尽显古色古香的感觉，很惬意的FEEL，另外这家的服务也是非常的好，价格来说也算是比较合理的了，吃的东西很顺口，我很喜欢这家店的环境还是挺不错了，比较雅致的感觉，常的好，价格来说也算是比较合理的了，吃的东西很顺口……</div>
                </div>
                <div class="more">更多</div>
              </div>
              <div class="clear"></div>
            </li>
            <li>
              <div class="imgs"><a href="#"><img src="image/img09.jpg" alt="" title="" /></a><p><a href="#">微积分用户</a></p></div>
              <div class="info">
                <!--5个星的总宽度为65px 每个为13px 根据实际情况定义-->
                <div class="xin">口味<span class="span"><span class="spanxin" style="width:13px;"></span></span>环境<span class="span"><span class="spanxin" style="width:26px;"></span></span>服务<span class="span"><span class="spanxin" style="width:39px;"></span></span></div>
                <div class="c">
                 <div class="shortcontent">这家店的环境还是挺不错了，比较雅致的感觉，那些走廊的灯笼尽显古色古香的感觉，很惬意的FEEL，另外这家的服务也是非常的好，价格来说也算是比较合理的了，吃的东西很顺口，我很喜欢这家店的环境还是挺不错了，比较雅致的感觉，常的好，价格来说也算是比较合理的了，吃的东西很顺口……</div>
                 <div class="longcontent">这家店的环境还是挺不错了，比较雅致的感觉，那些走廊的灯笼尽显古色古香的感觉，很惬意的FEEL，另外这家的服务也是非常的好，价格来说也算是比较合理的了，吃的东西很顺口，我很喜欢这家店的环境还是挺不错了，比较雅致的感觉，常的好，价格来说也算是比较合理的了，吃的东西很顺这家店的环境还是挺不错了，比较雅致的感觉，那些走廊的灯笼尽显古色古香的感觉，很惬意的FEEL，另外这家的服务也是非常的好，价格来说也算是比较合理的了，吃的东西很顺口，我很喜欢这家店的环境还是挺不错了，比较雅致的感觉，常的好，价格来说也算是比较合理的了，吃的东西很顺口……</div>
                </div>
                <div class="more">更多</div>
              </div>
              <div class="clear"></div>
            </li>
            <li class="split">
              <div class="imgs"><a href="#"><img src="image/img09.jpg" alt="" title="" /></a><p><a href="#">微积分用户</a></p></div>
              <div class="info">
                <!--5个星的总宽度为65px 每个为13px 根据实际情况定义-->
                <div class="xin">口味<span class="span"><span class="spanxin" style="width:13px;"></span></span>环境<span class="span"><span class="spanxin" style="width:26px;"></span></span>服务<span class="span"><span class="spanxin" style="width:39px;"></span></span></div>
                <div class="c">
                 <div class="shortcontent">这家店的环境还是挺不错了，比较雅致的感觉，那些走廊的灯笼尽显古色古香的感觉，很惬意的FEEL，另外这家的服务也是非常的好，价格来说也算是比较合理的了，吃的东西很顺口，我很喜欢这家店的环境还是挺不错了，比较雅致的感觉，常的好，价格来说也算是比较合理的了，吃的东西很顺口……</div>
                 <div class="longcontent">这家店的环境还是挺不错了，比较雅致的感觉，那些走廊的灯笼尽显古色古香的感觉，很惬意的FEEL，另外这家的服务也是非常的好，价格来说也算是比较合理的了，吃的东西很顺口，我很喜欢这家店的环境还是挺不错了，比较雅致的感觉，常的好，价格来说也算是比较合理的了，吃的东西很顺这家店的环境还是挺不错了，比较雅致的感觉，那些走廊的灯笼尽显古色古香的感觉，很惬意的FEEL，另外这家的服务也是非常的好，价格来说也算是比较合理的了，吃的东西很顺口，我很喜欢这家店的环境还是挺不错了，比较雅致的感觉，常的好，价格来说也算是比较合理的了，吃的东西很顺口……</div>
                </div>
                <div class="more">更多</div>
              </div>
              <div class="clear"></div>
            </li>
            <li>
              <div class="imgs"><a href="#"><img src="image/img09.jpg" alt="" title="" /></a><p><a href="#">微积分用户</a></p></div>
              <div class="info">
                <!--5个星的总宽度为65px 每个为13px 根据实际情况定义-->
                <div class="xin">口味<span class="span"><span class="spanxin" style="width:13px;"></span></span>环境<span class="span"><span class="spanxin" style="width:26px;"></span></span>服务<span class="span"><span class="spanxin" style="width:39px;"></span></span></div>
                <div class="c">
                 <div class="shortcontent">这家店的环境还是挺不错了，比较雅致的感觉，那些走廊的灯笼尽显古色古香的感觉，很惬意的FEEL，另外这家的服务也是非常的好，价格来说也算是比较合理的了，吃的东西很顺口，我很喜欢这家店的环境还是挺不错了，比较雅致的感觉，常的好，价格来说也算是比较合理的了，吃的东西很顺口……</div>
                 <div class="longcontent">这家店的环境还是挺不错了，比较雅致的感觉，那些走廊的灯笼尽显古色古香的感觉，很惬意的FEEL，另外这家的服务也是非常的好，价格来说也算是比较合理的了，吃的东西很顺口，我很喜欢这家店的环境还是挺不错了，比较雅致的感觉，常的好，价格来说也算是比较合理的了，吃的东西很顺这家店的环境还是挺不错了，比较雅致的感觉，那些走廊的灯笼尽显古色古香的感觉，很惬意的FEEL，另外这家的服务也是非常的好，价格来说也算是比较合理的了，吃的东西很顺口，我很喜欢这家店的环境还是挺不错了，比较雅致的感觉，常的好，价格来说也算是比较合理的了，吃的东西很顺口……</div>
                </div>
                <div class="more">更多</div>
              </div>
              <div class="clear"></div>
            </li>
            <li class="split">
              <div class="imgs"><a href="#"><img src="image/img09.jpg" alt="" title="" /></a><p><a href="#">微积分用户</a></p></div>
              <div class="info">
                <!--5个星的总宽度为65px 每个为13px 根据实际情况定义-->
                <div class="xin">口味<span class="span"><span class="spanxin" style="width:13px;"></span></span>环境<span class="span"><span class="spanxin" style="width:26px;"></span></span>服务<span class="span"><span class="spanxin" style="width:39px;"></span></span></div>
                <div class="c">
                 <div class="shortcontent">这家店的环境还是挺不错了，比较雅致的感觉，那些走廊的灯笼尽显古色古香的感觉，很惬意的FEEL，另外这家的服务也是非常的好，价格来说也算是比较合理的了，吃的东西很顺口，我很喜欢这家店的环境还是挺不错了，比较雅致的感觉，常的好，价格来说也算是比较合理的了，吃的东西很顺口……</div>
                 <div class="longcontent">这家店的环境还是挺不错了，比较雅致的感觉，那些走廊的灯笼尽显古色古香的感觉，很惬意的FEEL，另外这家的服务也是非常的好，价格来说也算是比较合理的了，吃的东西很顺口，我很喜欢这家店的环境还是挺不错了，比较雅致的感觉，常的好，价格来说也算是比较合理的了，吃的东西很顺这家店的环境还是挺不错了，比较雅致的感觉，那些走廊的灯笼尽显古色古香的感觉，很惬意的FEEL，另外这家的服务也是非常的好，价格来说也算是比较合理的了，吃的东西很顺口，我很喜欢这家店的环境还是挺不错了，比较雅致的感觉，常的好，价格来说也算是比较合理的了，吃的东西很顺口……</div>
                </div>
                <div class="more">更多</div>
              </div>
              <div class="clear"></div>
            </li>
            <li>
              <div class="imgs"><a href="#"><img src="image/img09.jpg" alt="" title="" /></a><p><a href="#">微积分用户</a></p></div>
              <div class="info">
                <!--5个星的总宽度为65px 每个为13px 根据实际情况定义-->
                <div class="xin">口味<span class="span"><span class="spanxin" style="width:13px;"></span></span>环境<span class="span"><span class="spanxin" style="width:26px;"></span></span>服务<span class="span"><span class="spanxin" style="width:39px;"></span></span></div>
                <div class="c">
                 <div class="shortcontent">这家店的环境还是挺不错了，比较雅致的感觉，那些走廊的灯笼尽显古色古香的感觉，很惬意的FEEL，另外这家的服务也是非常的好，价格来说也算是比较合理的了，吃的东西很顺口，我很喜欢这家店的环境还是挺不错了，比较雅致的感觉，常的好，价格来说也算是比较合理的了，吃的东西很顺口……</div>
                 <div class="longcontent">这家店的环境还是挺不错了，比较雅致的感觉，那些走廊的灯笼尽显古色古香的感觉，很惬意的FEEL，另外这家的服务也是非常的好，价格来说也算是比较合理的了，吃的东西很顺口，我很喜欢这家店的环境还是挺不错了，比较雅致的感觉，常的好，价格来说也算是比较合理的了，吃的东西很顺这家店的环境还是挺不错了，比较雅致的感觉，那些走廊的灯笼尽显古色古香的感觉，很惬意的FEEL，另外这家的服务也是非常的好，价格来说也算是比较合理的了，吃的东西很顺口，我很喜欢这家店的环境还是挺不错了，比较雅致的感觉，常的好，价格来说也算是比较合理的了，吃的东西很顺口……</div>
                </div>
                <div class="more">更多</div>
              </div>
              <div class="clear"></div>
            </li>
          </ul>
        </div>
        <div class="page"><a href="#">上一页</a><a href="#" class="hover">1</a><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a>...<a href="#">下一页</a>&nbsp;到第<input type="text" class="text" />页<input type="button" class="btn" value="确认" /></div>
        </div>
        <div class="bodycontent bodycontent4 none">活动公告内容</div>
      </div>
    </div>
    <div id="exchange">      
      <div class="map"><img src="image/map.jpg" alt="" title="" style=" width:238px; height:250px; " /></div>
      <h3><a href="#">热门排行</a></h3>
      <div class="body">
        <div class="tabs">
          <ul>
            <li class="current" tabindex="1">热门微商家</li>
            <li tabindex="2">最新微商家</li>
          </ul>
        </div>
        <div class="bodycontent bodycontent1">
          <ul>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
          </ul>
        </div>
        <div class="bodycontent bodycontent2 none">
          <ul>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
           <li>
             <div class="img"><a href="#"><img src="image/img02.jpg" alt="" title="" /></a></div>
             <div class="info">
               <h4><a href="#">男装2012厦季新款修改男装2012厦季新款修改</a></h4>
               <div class="price">共有<span>XX</span>件商品可供兑换</div>
             </div>
             <div class="clear"></div>
           </li>
          </ul>
        </div>
      </div>
      <div class="search">
        <h3>搜索微商城所有礼品</h3>
        <ul>
          <li><label>关键词：</label><input type="text" class="text" /></li>
          <li><label>&nbsp;&nbsp;价格：</label><input type="text" class="text short" /><span>到</span><input type="text" class="text short" /></li>
          <li class="btnli"><input type="button" class="searchbtn" value="" /></li>
        </ul>
      </div>
    </div> 
    <div class="clear"></div>
  </div>
</div>
<div id="footer">
 <div class="menu"><a href="#">关于微积分</a><span>|</span><a href="#">服务条款</a><span>|</span><a href="#">加盟合作</a><span>|</span><a href="#">广告服务</a><span>|</span><a href="#">客服中心</a><span>|</span><a href="#">意见反馈</a><span>|</span><a href="#">网站导航</a></div>
 <p><span>&copy;</span> 2009-2011 Wjifen.com All Right Reserved 京ICP备09045377号-2</p>
 <p>广州科信德科技发展有限公司 版权所有</p>
</div>
<div id="reg">
  <h3><a href="javascript:void(closereg())" class="close">关闭</a>用户注册</h3>
  <ul>
    <li><label>设置账户：</label><input type="text" class="text" value="可使用用户名、邮箱、昵称、手机登录" onfocus="if(this.value == '可使用用户名、邮箱、昵称、手机登录') this.value = '';" onblur="if(this.value == '') this.value = '可使用用户名、邮箱、昵称、手机登录';" /></li>
    <li><label>设置密码：</label><input type="text" class="text text1" /></li>
    <li><label>确认密码：</label><input type="text" class="text text1" /></li>
    <li><label>手机绑定：</label><input type="text" class="text text1" />(选填)<input type="button" class="send" value="获取验证码" /></li>
    <li><label>输入验证码：</label><input type="text" class="text code" /></li>
     <li><label>邮箱：</label><input type="text" class="text text1" /></li>
     <li><label>推荐人账户：</label><input type="text" class="text text1" />(选填)<a href="#">什么是推荐人?</a></li>
    <li class="li"><input type="checkbox" class="checkbox" /><a href="#">我已阅读什么协议</a></li>
    <li class="li"><input type="button" class="btn" value="登录" /><input type="button" class="btn" value="取消" /></li>
  </ul>
</div>
<div id="login">
  <h3><a href="javascript:void(closelogin())" class="close">关闭</a>用户登录</h3>
  <ul>
    <li>账&nbsp;&nbsp;户：<input type="text" class="text" value="可使用用户名、邮箱、昵称、手机登录" onfocus="if(this.value == '可使用用户名、邮箱、昵称、手机登录') this.value = '';" onblur="if(this.value == '') this.value = '可使用用户名、邮箱、昵称、手机登录';" /></li>
    <li>密&nbsp;&nbsp;码：<input type="text" class="text text1" /><a href="#">忘记密码？</a></li>
    <li>验证码：<input type="text" class="text code" /></li>
    <li>验证图：<a href="#"><img src="pic/JDVerification.aspx.jpg" alt="" title="" /></a><a href="#">看不清换一张</a></li>
    <li class="li"><input type="checkbox" class="checkbox" />一个月内免登录</li>
    <li class="li"><input type="button" class="btn" value="登录" /><input type="button" class="btn" value="取消" /></li>
  </ul>
</div>
<div id="fullcontent"><div class="fullcontent"></div></div>
<script language="javascript" type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script language="javascript" type="text/javascript" src="js/default.js"></script>
</body>
</html>
